//我的售后-售后详情
import { View ,Image,Text} from "@tarojs/components"
import React, { useState, useEffect } from "react";
import Taro, { useRouter, useDidShow } from "@tarojs/taro";
import { AtNavBar,AtSegmentedControl } from 'taro-ui'
import './alterdetail.less'
const Alterdetail=()=>{
    return(
        <View>
            <View style={{display:'flex',alignItems:'center',justifyContent:'space-between'}}>
                <View style={{ fontSize: '25px',fontWeight:'bold', margin: '5% 0% 2% 2%' }}>申请售后</View>
                <View style={{width:'100px',height:'50px',background:'rgb(242,242,242)',lineHeight:'50px',textAlign:'center',fontSize:'16px',marginRight:'20px'}} onClick={1}>联系客服</View>
          </View>
            <View className='infoBox'>
            <View style={{fontSize:'16px',margin:'5% 0% 0 0%'}}>售后类型：退货退款</View>
            <View className='allorder'>
                <View className='orderlist'>
                    <Image src='' style={{width:'50px',height:'50px',background:'red',margin:'0 5px'}}></Image>
                    <View>
                        <View>商品名称</View>
                        <View>sku数量</View>
                        <View>实付99.99元</View>
                    </View>
                </View>
                <View className='moneySuccess'>
                    <View>2019.6.15</View>
                    <View style={{margin:'15px 0'}}>退款成功</View>
                </View>
            </View>
        </View>
        <View style={{margin:'10px 2%',fontSize:'16px',fontWeight:'bold'}}>
            <View>售后类型：退款提货</View>
            <View>订单编号：123456</View>
            <View>商品名称：白色鞋子42码</View>
            <View>实付款：1230</View>
            <View>联系方式：123456</View>
            <View>退款说明：123456</View>
            <View>图片凭证：
                
            </View>
            <Image style={{width:'50px',height:'50px',background:'red'}}></Image>
        </View>
    </View>
    )

}
export default Alterdetail;